<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>设计列表符号的显示位置</title>
		<style type="text/css">
			.nav{
				width: 800px;height: 35px;
				background-color: #0066FF;
			}
			.nav li{width: 100px;
				font-size: 16px;
				list-style-type: none;
				float: left;
				line-height: 35px;
				text-align: center;
			}
			.nav li a{color: #FFFFFF;font-weight: bold;}
			.nav li a:link{text-decoration: none;}
			.nav li a:visited{color: #000000;}
			.nav li a:hbver{color: #FF6600;text-decoration: underline;}
			.nav li a:active{color: #FFFFFF;text-decoration: none;}
			
			
			
			
			
			
			
/* 			li{list-style: none;float: left;width: 120px;} */
/* 			a:link{color: ##FF0000;} *//*未被访问的链接是红色*/
/* 			a:visited{color: #00FF00;} *//*已被访问的链接是绿色*/
/* 			a:hover{color: #FFCC00;} *//*鼠标悬浮在上的链接是橙色*/
/* 			a:active{color: #0000FF;} *//*鼠标点中激活链接是蓝色*/
			
			
			
			
/* 			.fruit{width: 400px;list-style-position: inside;list-style-image: url(img/listicon.jpg);}
			.drink{width: 400px;list-style-position: outside;list-style-image: url(img/listicon.jpg);} */
		</style>
	</head>
	<body>
		<div class="nav">
			<ul>
				<li><a href="http://www.wjxvtc.cn/">学院首页</a></li>
				<li><a href="http://www.wjxvtc.cn/">学院概况</a></li>
				<li><a href="http://www.wjxvtc.cn/">组织机构</a></li>
				<li><a href="http://www.wjxvtc.cn/">系部介绍</a></li>
				<li><a href="http://www.wjxvtc.cn/">师资队伍</a></li>
				<li><a href="http://www.wjxvtc.cn/">招生就业</a></li>
				<li><a href="http://www.wjxvtc.cn/">科学研究</a></li>
			</ul>
			
			
			
			
			
			
			
			
			
			
			
			
			
			
<!-- 			<ul>
				<li><a href="#">首&nbsp;&nbsp;页&nbsp;</a></li>
				<li><a href="#">购&nbsp;物&nbsp;车</a></li>
				<li><a href="#">联系我们</a></li>
				<li><a href="#">登&nbsp;&nbsp;录</a></li>
				<li><a href="#">注&nbsp;&nbsp;册</a></li>
			</ul> -->
		</div>
		
		
		
		
		
		
		
		
		
<!-- 		<h4>看看水果列表符号的显示位置</h4>
		<ul class="fruit">
			<li>苹果的果糖堪称水果之冠，营养成分可溶性大，易被人体吸收，故有“活水”之称</li>
			<li>sb刘博言</li>
		</ul>
		<h4>看看水果列表符号的显示位置</h4>
		<ul class="drink">
			<li>猖狂</li>
			<li>太嚣张了</li>
		</ul> -->
	</body>
</html>
